<template>
	<view class="item" @click="goSelectMajor(detail.schoolName)">
		<view class="item-left">
			
				<image class="item-logo" :src="detail.logo" mode="aspectFill"></image>
			
			<view class="item-info">
				<view class="schoolName">
					{{detail.schoolName}}
				</view>
				<view class="area">
					学校地区：{{detail.area}}
				</view>
				<span class="schoolTags">
					{{detail.schoolTags}}
				</span>
			</view>
		</view>
		<view class="item-right">
			 {{detail.province}}
		</view>
	</view>
</template>

<script>
	export default {
		props:
			{
				detail:{
					type:Object,
					default:{},
				}
			}
		,
		data() {
			return {
				
			};
		},
		methods:{
			goSelectMajor(schoolName) {
				uni.navigateTo({
					// url:'schoolMsg/'
					url:'/schoolMsg/selectMajor/index?schoolName='+schoolName
				})
			}
		}
	};
</script>

<style lang="scss" scoped>
.item {
	background: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20rpx;
	margin-bottom: 20rpx;
	.item-left {
		display: flex;
	}
	.item-logo {
		margin-top: 25rpx;
		width: 80rpx;
		height: 80rpx;
		image {
			width: 90%;
			height: 90%;
		}
	}
	.item-info {
		margin-left: 30rpx;
		.schoolName {
			font-weight: 700;
			margin-bottom: 10rpx;
		}
		.area {
			font-size: 28rpx;
			color:#8e92a0;
			margin-bottom: 10rpx;
		}
		.schoolTags {
			color: #ff8a4a;
			font-size: 28rpx;
			background: #fff7e5;
			padding: 5rpx 10rpx;
			border-radius: 30rpx;
		}
	}
}
</style>